<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="/css/shop.css" type="text/css" rel="stylesheet" />
<link href="/css/Sellerber.css" type="text/css"  rel="stylesheet" />
<link href="/css/bkg_ui.css" type="text/css"  rel="stylesheet" />
<link href="/font/css/font-awesome.min.css"  rel="stylesheet" type="text/css" />
<script src="/js/jquery-1.9.1.min.js" type="text/javascript" ></script>
<script type="text/javascript" src="/js/jquery.cookie.js"></script>
<script src="/js/shopFrame.js" type="text/javascript"></script>
<script src="/js/Sellerber.js" type="text/javascript"></script>
<script src="/js/layer/layer.js" type="text/javascript"></script>
<style>
.order_detailed .Price .right_Price{
	width:220px;
}
html, body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td, img, textarea{
	margin: 0px 10px;
}
</style>
<!--[if lt IE 9]>
<script src="/js/html5shiv.js" type="text/javascript"></script>
<script src="/js/respond.min.js"></script>
<script src="/js/css3-mediaqueries.js"  type="text/javascript"></script>
  <![endif]-->
<title>订单详细</title>
</head>

<body class="" style="width:1000px">
<div class="Interface_spacing clearfix">
  <div class="order_detailed">
    <div class="order_number">
    订单编号：<b>${orderDTO.orderId}</b>
    <span class="r_f">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;下单时间：<b>${orderDTO.createTime}</b></span>
     <#if orderDTO.getOrderStatusEnum().code == 1>
   		<span class="r_f">支付时间：<b>${orderDTO.payTime}</b></span>
   	<#else>
   		<span class="r_f">支付时间：<b>${orderDTO.getOrderStatusEnum().msg}</b></span>
   	</#if>
    </div>
    <div class="order_content clearfix">
     <div class="Buyers_info margin-bottom clearfix">
       <ul>
       <li><label class="title_name">买家姓名：</label><span><b>${orderDTO.buyerName}</b></span></li>
       <li><label class="title_name">卖家电话：</label><span><b>${orderDTO.buyerPhone}</b></span></li>
       <li><label class="title_name">卖家地址：</label><span><b>${orderDTO.buyerAddress}</b></span></li>
       <li><label class="title_name"></label> 
       </ul>
     </div>
     <table  class="table table_list table_striped  table-bordered">
      <thead>
       <tr>
        <th width="50">书籍名称</th>
        <th width="50">书籍ISBN</th>
        <th width="50">出版社</th>
        <th width="50">现价</th>
        <th width="50">数量</th>
       </tr>
      </thead>
      <tbody>
      <#list orderDTO.orderDetailList as detail>
       <tr>
        <td class="product_name text-align">
        <a href="#" class="link_name">
        <div class="l_f img"><img src="${detail.bookIcon}"  width="60px" height="60px"/></div>
        <div class="l_f content padding">
        <p>${detail.bookName}</p>
        </div>
        </a>
        </td>
        <td>${detail.bookIsbn}</td>
        <td>${detail.bookPress}</td>
        <td>${detail.bookPrice}</td>
        <td>${detail.bookQuantity}</td>
       </tr>
       </#list>
      </tbody>
     </table>
     <div class="Price clearfix">
     <a href="javascrpit:void()" class="btn button_btn bg-deep-blue margin-top" onclick="logistics_info()">我是一个占位置的按钮</a>
     <div class="right_Price">
      <p><span class="Price_name">总价：</span><b class="font_size_das color_mu">￥${orderDTO.orderAmount}</b></p>

      </div>
     </div>
    </div>
  </div>
  
</div>

</body>
</html>
<script>
/***********图片查看**********/
function logistics_info(){
	 layer.open({
        type: 1,
        title: '物流信息',
		maxmin: true, 
		shadeClose:false, //点击遮罩关闭层
        area : ['600px' , '400px'],
        content:$('#logistics_info'),
	 });
	}
/*******滚动条*******/
$("body").niceScroll({  
	cursorcolor:"#888888",  
	cursoropacitymax:1,  
	touchbehavior:false,  
	cursorwidth:"5px",  
	cursorborder:"0",  
	cursorborderradius:"5px"  
});
</script>
